<!--
 * @Author: your name
 * @Date: 2021-08-13 21:56:10
 * @LastEditTime: 2021-08-15 22:10:37
 * @LastEditors: Please set LastEditors
 * @Description: 属性选择器
 * @FilePath: \第一周\1-html\day02\5-form.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>属性选择器</title>
    <style>
        form {

        }
        form input[name*='p'] {
            border:1px solid tomato;
            background-color: tomato;
        }
    </style>
</head>
<body>
    <form action="/user/submit" enctype="application/x-www-form-urlencoded" method="get">  <!--enctype:编码方式-->
        <div>
            <label for="input_school_name">
                用户
                <input type="text" name="username" id="input_user"/>
            </label>
        </div>
        <div>
            <label for="input_student_name">  <!--行内元素-->
                密码
                <input type="password" name="password" id="input_password"/>
            </label>
        </div>
        <div>
            <label for="input_student_name">  <!--行内元素-->
                手机号
                <input type="text" name="telephone" id="input_telephone"/>
            </label>
        </div>
        <div>
            性别：
            <label for="input_radio_male">
                <input type="radio" id="input_radio_male" value="male" name="gender" checked />男
            </label>
            <label for="input_radio_female">
                <input type="radio" id="input_radio_female" value="female" name="gender"/>女
            </label>
        </div>
        <div>
            地址：
            <select name="address" id="input_option">
                <option value="js" >江苏</option>
                <option value="sx" >山西</option>
                <option value="hn" selected>河南</option>
            </select>
        </div>
        <div>
            爱好：
            <input type="checkbox"  name="hobbies" value="篮球"/>篮球
            <input type="checkbox"  name="hobbies" value="足球" checked />足球
            <input type="checkbox"  name="hobbies" value="网球"/>网球
        </div>
        <div>
            出生日期：
            <input type="date" name="birth"/>
        </div>
        <div>
            自我简介：
            <textarea name="description" id="input_self" cols="50" rows="5"></textarea>
        </div>
        <div>

        </div>
        <div>
            <input type="submit" value="提交"/> 
            <input type="reset" value="重置"/>
        </div>
    </form>
</body>
</html>